<?php require_once("../wp-load.php"); ?>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
	<title><?php bloginfo('name'); ?><?php wp_title('|'); ?></title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/modern-business.css" rel="stylesheet">
	
	<!-- Fonts CSS -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav id="barraTopo" class="navbar" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menuTopo">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="<?php bloginfo('url'); ?>">
					<img id="logoTopo" src="<?php echo get_bloginfo("template_directory"); ?>/image/logo.png" />
				</a>
				<div class="clear"></div>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="menuTopo">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="#">Cinema</a>
                    </li>
                    <li>
                        <a href="#">Séries</a>
                    </li>
                    <li>
                        <a href="#">Jogos</a>
                    </li>
                    <li>
                        <a href="#">Quadrinhos</a>
                    </li>
                    <li>
                        <a href="#">Livros</a>
                    </li>
					<li class="searchTaxi">
						<form action="#" method="post">
							<input type="text" class="form-control">
							<button class="btn btn-default" type="button">
                                <span class="glyphicon glyphicon-search"></span>
							</button>
						</form>
                    </li>
                </ul>
				
               
            </div>
            <!-- /.navbar-collapse -->
			<div class="clear"></div>
        </div>
        <!-- /.container -->
    </nav>
	
    <!-- Header Carousel -->
    <header id="myCarousel" class="carousel slide">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item active">
                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide One');"></div>
                <div class="carousel-caption">
                    <h2>Caption 1</h2>
                </div>
            </div>
            <div class="item">
                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div>
                <div class="carousel-caption">
                    <h2>Caption 2</h2>
                </div>
            </div>
            <div class="item">
                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div>
                <div class="carousel-caption">
                    <h2>Caption 3</h2>
                </div>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="icon-prev"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="icon-next"></span>
        </a>
    </header>
	<div class="publicidadeTopo">
		<a href="http://www.ocioso.com.br" target="_blank" title="Está no seu momento de descanso né? Entao clique aqui!">
			<img src="http://www.ocioso.com.br/imagens/parceiros/hotlink-ok/468p60.jpg" border="0" alt="Está no seu momento de descanso né? Entao clique aqui!" />
		</a>
		<a target="_blank" href="http://www.atoananet.com.br">
			<img src="http://www.atoananet.com.br/uploads/468x60.gif" alt="À toa na Net - Agregador de Conteúdo"/>
		</a>
	</div>
    <!-- Page Content -->
    <div class="container">
		
        <!-- Projects Row -->
        <div class="row">
			<div class="col-lg-12">
				<div class="col-lg-12">
					<h2 class="page-header tituloCat">Cinema</h2>
				</div>
				<div class="col-md-4 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<div class="tag Artigos">Artigos</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
				<div class="col-md-4 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
				<div class="col-md-4 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<div class="tag Artigos">Artigos</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
			</div>
        </div>
        <!-- /.row -->
        <!-- Projects Row -->
        <div class="row">
			<div class="col-lg-12">
				<div class="col-lg-12">
					<h2 class="page-header tituloCat">Séries e TV</h2>
				</div>
				<div class="col-md-4 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<div class="tag Artigos">Artigos</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
				<div class="col-md-4 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<div class="tag Artigos">Artigos</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
				<div class="col-md-4 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<div class="tag Artigos">Artigos</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
            </div>
        </div>
        <!-- /.row -->

        <!-- Projects Row -->
        <div class="row">
			<div class="col-md-6">
				<div class="col-lg-12">
					<h2 class="page-header tituloCat">Livros e Quadrinhos</h2>
				</div>
            
				<div class="col-md-6 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<div class="tag Artigos">Artigos</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
				<div class="col-md-6 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<div class="tag Artigos">Artigos</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
			</div>
			
			<div class="col-md-6">
				<div class="col-lg-12">
					<h2 class="page-header tituloCat">Games</h2>
				</div>
				<div class="col-md-6 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<div class="tag Artigos">Artigos</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
				<div class="col-md-6 portfolio-item">
					<a href="#">
						<img class="img-responsive" src="http://placehold.it/700x400" alt="">
					</a>
					<h3>
						<a href="#">Project Name</a>
					</h3>
					<div class="tag Artigos">Artigos</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
				</div>
			</div>
        </div>
	</div>
	<div class="publicidadeFooter">
		<img class="img-responsive" src="http://placehold.it/728x90&text=Publicidade" alt="">
	</div>	
    <div class="container">        <!-- /.row -->
		<div class="row">
			<div class="col-md-7">
				<div class="col-lg-12">
					<h2 class="page-header tituloCat">Parceiros</h2>
				</div>
				<div class="col-md-12" style="overflow:hidden;">
					<iframe style="border:none; overflow:hidden; width:620px; height:350px;" frameborder="0" scrolling="no" src="http://ocioso.com.br/troca-de-links/tag/id/3Rc_Fcv_L4vt9FeORPsO_Z6OsOZobS6KqV4RVv_aSuFtRtFmBF0hX2Z2kEF_HlP3hZnYk2ipnhGpz8WRSQ3Y31F9C23OaNeYe5CeqP-1cX7m7P7vLSroqFRLfTuWsYS3jxRjGc7Fiiu1plf5WZUOWb4V_PuMwMqcx7Sr8nFBIwuh8sx0yezcTsoAZcceEQKFWXPDbbgO-gyf9oCm1ffrGKHXARFn-if9esAFpfzz0-NWgLaoMQ7rpJiIE8qeLhL9|NW0xiSthdhtX_5rq227nJR2UhKxXIsCL82gCfv8lae4="></iframe>
				</div>
			</div>
			<div class="col-md-5 desktop">
				<div class="col-lg-12">
					<h2 class="page-header tituloCat">Em Cartaz</h2>
				</div>
				<div id="myCarousel2" class="home carousel slide em-cartaz col-lg-12" style="width:100% !important;">
					<?php 
					$ch = curl_init();
					$timeout = 0;
					curl_setopt($ch, CURLOPT_URL, 'http://www.adorocinema.com/filmes/numero-cinemas/');
					curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
					curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, $timeout);

					$conteudo = curl_exec ($ch);
					curl_close($ch);


					preg_match_all('#<div class="data_box">(.*?)</div>#ims', $conteudo, $site);
					preg_match_all('#<p>(.*?)</p>#ims', $conteudo, $descricao);
					preg_match_all('#<h2 class="tt_18 d_inline">(.*?)</h2>#ims', $conteudo, $h2);


					echo '<ol class="carousel-indicators">';
						for($i=0;$i<5;$i++){
								$src = implode("[", explode("<", implode("]", explode(">", implode("'", explode('"',strip_tags($site[0][$i], "<img>")))))));
								$src = explode("src='", $src);
								$src = explode("'", $src[1]);
								if ($i==0){
								echo '<li data-target="#myCarousel2" data-slide-to="'. $i .'" class="active">
											<img src="'. $src[0] .'" style="width:100%;" alt="'.strip_tags($h2[0][$i]).'"/>
										</li>';
							} else {
								echo '<li data-target="#myCarousel2" data-slide-to="'. $i .'" class="">
											<img src="'. $src[0] .'" style="width:100%;" alt="'.strip_tags($h2[0][$i]).'"/>
										</li>';
							}
						}
					echo '</ol>';
					
					echo '<div class="carousel-inner">';
						for($i=0;$i<5;$i++){
							if ($i==0){
								echo '<div class="item active">';
									$src = implode("[", explode("<", implode("]", explode(">", implode("'", explode('"',strip_tags($site[0][$i], "<img>")))))));
									$src = explode("src='", $src);
									$src = explode("'", $src[1]);
									echo '<div class="fill">
									<div class="col-lg-6">
										<img src="'. $src[0] .'" style="width:100%;" alt="'.strip_tags($h2[0][$i]).'"/>
									</div>
									<div class="col-lg-6">
										<h3>'. strip_tags($h2[0][$i]) .'</h3>
										<p>'. $descricao[0][$i] .'</p>
									</div>
									
									
									</div>';
								echo '</div>';									
							} else {
								echo '<div class="item">';
									$src = implode("[", explode("<", implode("]", explode(">", implode("'", explode('"',strip_tags($site[0][$i], "<img>")))))));
									$src = explode("src='", $src);
									$src = explode("'", $src[1]);
									echo '<div class="fill">
									<div class="col-lg-6">
										<img src="'. $src[0] .'" style="width:100%;" alt="'.strip_tags($h2[0][$i]).'"/>
									</div>
									<div class="col-lg-6">
										<h3>'. strip_tags($h2[0][$i]) .'</h3>
										<p>'. $descricao[0][$i] .'</p>
									</div>
									
									
									
									</div>';
								echo '</div>';								
							}
						}
					echo '</div>';
					?>
				</div>
			</div>
		</div>
    </div>

	<div class="publicidadeFooter">
		<img class="img-responsive" src="http://placehold.it/728x90&text=Publicidade" alt="">
	</div>

	<div class="container">
        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Taxi Café 2014</p>
                </div>
            </div>
            <!-- /.row -->
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Script to Activate the Carousel -->
    <script>
    $('.carousel').carousel({
        interval: 5000 //changes the speed
    })
	$('.em-cartaz').carousel();
    </script>
</body>

</html>
